<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/main.css">
	<link rel="stylesheet" href="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/font.css">
</head>
<body>
<!-- 顶部开始 -->
	<div class="top">
		<div class="top_mid">
			<div class="topbar-nav">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米网移动版</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">Select Region</a>
			</div>
			<div class="topbar-info">
				<a href="">登录</a><span>|</span>
				<a href="">注册</a>
				<p class="cart" href=""><i class="iconfont">购物车(0)</i></p><i class="iconfont">
			</i></div><i class="iconfont">
		</i></div><i class="iconfont">
	</i></div><i class="iconfont">
<!-- 顶部结束 -->
<!-- 头部开始 -->
	<div class="header">
		<div class="header_mid">
			<div class="function">
				<div class="pic">
					<div class="logo"></div>
					<div class="logo1"></div>
				</div>
				<div class="menu">
					<a href="">小米手机</a>
					<a href="">红米</a>
					<a href="">平板</a>
					<a href="">电视</a>
					<a href="">盒子·影音</a>
					<a href="">路由器</a>
					<a href="">智能硬件</a>
					<a href="">服务</a>
					<a href="">社区</a>
				</div>
				<div class="seach">
					<div class="seach-left">
						<input type="text">
					</div>
					<div class="seach-right">
				    	<input href="" class="searchs-right iconfont" value="" type="submit">
				    </div>
				 </div>  
			</div>
           	<div class="category">
           		<div class="arrow-left"></div>
				<div class="arrow-right"></div>
				<ul class="img">
           			<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/1.png" alt=""></a></li>
					<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/2.png" alt=""></a></li>
					<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/3.png" alt=""></a>				
				<!-- 	<li><a href=""><img src="./images/4.png" alt="" ></a></li>
					<li><a href=""><img src="./images/5.png" alt="" ></a></li> -->
				</li></ul>
					<ul class="list">
						<li><a href="">手机 平板 电话卡<span class="iconfont"></span></a></li>
						<li><a href="">电视 盒子<span class="iconfont"> </span></a></li> 
						<li><a href="">路由器 智能硬件<span class="iconfont"></span></a></li>
						<li><a href="">移动电源 插线板<span class="iconfont"></span></a></li>
						<li><a href="">耳机 音箱<span class="iconfont"></span></a></li>
						<li><a href="">电池 储存卡<span class="iconfont"></span></a></li>
						<li><a href="">保护套 后盖<span class="iconfont"></span></a></li>
						<li><a href="">贴膜 其他配件<span class="iconfont"></span></a></li>
						<li><a href="">米兔 服装<span class="iconfont"></span></a></li>
						<li><a href="">箱包 其他周边<span class="iconfont"></span></a></li>
					</ul>
					<div class="same"></div>
			</div>
			<div class="use">
				<div class="recharge">
					<ul>
						<li>
						<p class="iconfont"></p>
						<a href="">电信专场</a>
						<p class="upright"></p>
						<p class="across"></p>
						</li>
						<li>
						<p class="iconfont"></p>
						<a href="">企业团购</a>
						<p class="upright"></p>
						<p class="across"></p>
						</li>
						<li>
						<p class="iconfont"></p>
						<a href="">官翻产品</a>
						<p class="across"></p>
						</li>
						<li>
						<p class="iconfont"></p>
						<a href="">小米移动</a>
						<p class="upright"></p>
						</li>
						<li>
						<p class="iconfont"></p>
						<a href="">以旧换新</a>
						<p class="upright"></p>
						</li>
						<li>
						<p class="iconfont"></p>
						<a href="">话费充值</a>
						</li>
					</ul>
				</div>
				<div class="phone"></div>
				<div class="pad"></div>
				<div class="headset"></div>
			</div>
		<div class="header-star">
			<div class="star-title">
				<a href="">小米明星产品</a>
				<div class="star-more"></div>
			</div>
			<div class="star-content">
				<ul>
				   	<li class="mi"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/star1.png" alt="">
				    		<p class="name">小米活塞耳机基础版</p></a>
				    		<p class="point">全金属音腔，5色可选</p>
				    		<p class="price">29元</p> 
							 </li>
				    <li class="mi1"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/star2.png" alt="">
				    		<p class="name">小米手环 光感版</p></a>
				    		<p class="point">心率、运动、睡眠全掌控</p>
				    		<p class="price">99元</p> 
				    </li>
				    <li class="mi2"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/star3.png" alt="">
				    		<p class="name">全系小米电视现货购买</p></a>
				    		<p class="point">43" / 48" / 55" / 60" / 70" 高端旗舰</p>
				    		<p class="price">1799元起</p> 
				    </li>
				    <li class="mi3"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/star4.png" alt="">
				    		<p class="name">Yeelight LED智能灯泡 彩光版</p></a>
				    		<p class="point">1600万种色彩，手机远程遥控</p>
				    		<p class="price">99元</p> 
				    </li>
				    <li class="mi4"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/star5.png" alt="">
				    		<p class="name">Yeelight床头灯</p></a>
				    		<p class="point">触摸式操作，给卧室1600万种颜色</p>
				    		<p class="price">249元</p> 
				    </li>
				</ul>
			</div>
		</div>
	</div>
	</div>
	<div class="main">
		<div class="main-mid">
			<div class="main-shang">
				<div class="main-title">
					<a href="">智能硬件</a>
					<p>查看全部</p>
				</div>
				<div class="machine">
					<div class="machine-left">
						<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/cleaner.png" alt="">	
					</div>
					<div class="machine-right">
							<ul>
							<li class="product">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine1.png" alt="">
									<p class="name">米家压力 IH 电饭煲</p></a>
									<p class="point">智能烹饪，5月24日早10点现货</p>
									<p class="money">999元</p>
							</li>
							<li class="product">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine2.png" alt="">
									<p class="name1">小米路由器</p></a>
									<p class="point1">更安全更稳定，现货发售</p>
									<p class="money"> 169元</p>
							</li>
							<li class="product">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine3.png" alt="">
									<p class="name">小米智能安防套装</p></a>
									<p class="point">智能警戒，为您的家增添一份安心</p>
									<p class="money">149元</p>
							</li>
							<li class="product right">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine4.png" alt="">
									<p class="name">米兔儿童电话手表</p></a>
									<p class="point">安全防走丢，宝贝的贴身护卫</p>
									<p class="money">299元</p>
							</li>
							<li class="product ">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine5.png" alt="">
									<p class="name">九号平衡车 </p></a>
									<p class="point">年轻人的酷玩具，骑行遥控两种玩法</p>
									<p class="money">1999元</p>
							</li>
							<li class="product">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine6.png" alt="">
									<p class="name">小蚁运动相机</p></a>
									<p class="point">边玩边录边拍，手机随时分享</p>
									<p class="money">399元</p>
							</li>
							<li class="product">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine7.png" alt="">
									<p class="name">小蚁智能摄像机</p></a>
									<p class="point">能看能听能说，手机远程观看</p>
									<p class="money">149元</p>	
							</li>
							<li class="product right">
								<a href="">
									<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/machine8.png" alt="">
									<p class="name">米家 iHealth 血压计</p></a>
									<p class="point">爸妈上手就会用的智能血压计</p>
									<p class="money">399元</p>
							</li>
						</ul>
							<div class="new1">新品</div>
							<div class="new2">新品</div>
							<div class="new3">享9折</div>
							<div class="new4">新品</div>
							<div class="new5">新品</div>
					</div>
				</div>
				<div class="main-match">
					<div class="match-title">
						<a href="">搭配</a>
						<div class="title-menu">
							<a href="">热门</a>
							<a href="">耳机音箱</a>
							<a href="">电源</a>
							<a href="">电池储存卡</a>
						</div>
					</div>
					<div class="match-content">
						<ul>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match1.png" alt="" class="zuo"></a></li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match2.png" alt="">
							<p class="name2">小米活塞耳机基础版</p></a>
							<p class="price2">29元</p>
							<p class="point2">2.1万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match3.png" alt="">
							<p class="name2">小米蓝牙耳机</p></a>
							<p class="price2">79元</p>
							<p class="point2">7.4万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match4.png" alt="">
							<p class="name2">小米移动电源10000mAh 高配版</p></a>
							<p class="price2">149元</p>
							<p class="point2">7972人评价</p>
							</li>
							<li class="tu-you"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match5.png" alt="">
							<p class="name2">小米插线板</p></a>
							<p class="price2">49元</p>
							<p class="point2">22.1万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match6.png" alt="" class="zuo"></a></li>
							<li class="collect"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match7.png" alt=""></a>
							<p class="name2">小米圈铁耳机</p>
							<p class="price2">99元</p>
							<p class="point2">3.4万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match8.png" alt="">
							<p class="name2">小米移动电源10000mAh</p></a>
							<p class="price2">79元</p>
							<p class="point2">17万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match9.png" alt="">
							<p class="name2">小米小钢炮蓝牙音箱2</p></a>
							<p class="price2">129元</p>
							<p class="point2">4884人评价</p>
							</li>
						</ul>
						<div class="new6">新品</div>
						<div class="other">
							<div class="sound">
								<a href="">小米蓝牙音...</a>
								<p>199元</p>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/match12.png" alt="">
							</div>
							<div class="more">
								<a href="">浏览更多</a>
								<a href=""><p class="hot">热门</p></a>
								<a href=""><p class="iconfont"></p></a>	
							</div>
						</div>
					</div>	
				</div>
				<div class="main-parts">
					<div class="parts-title">
						<a href="">配件</a>
						<div class="title-menu">
							<a href="">热门</a>
							<a href="">保护套</a>
							<a href="">后盖</a>
							<a href="">贴膜</a>
							<a href="">其他配件</a>
						</div>
					</div>
					<div class="parts-content">
						<ul>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts1.png" alt="" class="zuo"></a></li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts2.png" alt="">
							<p class="name2">小米手机5 智能翻盖保护套</p></a>
							<p class="price2">49元</p>
							<p class="point2">6253人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts3.png" alt="">
							<p class="name2">小米MAX 智能显示保护套</p></a>
							<p class="price2">59元</p>
							<p class="point2">58人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts4.png" alt="">
							<p class="name2">小米手机4 智能唤醒翻盖保护套</p></a>
							<p class="price2">29元</p>
							<p class="point2">11.3万人评价</p>
							</li>
							<li class="tu-you"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts5.png" alt="">
							<p class="name2">小米手机4c 智能唤醒翻盖保护套</p></a>
							<p class="price2">49元</p>
							<p class="point2">2万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts6.png" alt="" class="zuo" height="300" width="234"></a></li>
							<li class="collect"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts7.png" alt=""></a>
							<p class="name2">红米Note3 炫彩翻页保护套</p>
							<p class="price2">39元</p>
							<p class="point2">1.6万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts8.png" alt="">
							<p class="name2">红米3标准版 炫彩翻页保护套 </p></a>
							<p class="price2">38元</p>
							<p class="point2">4800人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts9.png" alt="">
							<p class="name2">红米Note2 炫彩翻页保护套 </p></a>
							<p class="price2">29元</p>
							<p class="point2">2.1万人评价</p>
							</li>
						</ul>
						<div class="new6">享8折</div>
						<div class="other">
							<div class="sound">
								<a href="">平板2保护套...</a>
								<p>69元</p>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/parts12.png" alt="">
							</div>
							<div class="more">
								<a href="">浏览更多</a>
								<a href=""><p class="hot">热门</p></a>
								<a href=""><p class="iconfont"></p></a>	
							</div>
						</div>
					</div>
				</div>
				<div class="main-around">
					<div class="around-title">
						<a href="">周边</a>
						<div class="title-menu">
							<a href="">热门</a>
							<a href="">服装</a>
							<a href="">米兔</a>
							<a href="">生活周边</a>
							<a href="">箱包</a>
						</div>
					</div>
					<div class="around-content">
						<ul>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around1.png" alt="" class="zuo"></a></li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around2.png" alt="" height="150" width="150">
							<p class="name2">小米短袖T恤 米兔大游行</p></a>
							<p class="price2">39元</p>
							<p class="point2">1231人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around3.png" alt="" height="150" width="150">
							<p class="name2">小米短袖T恤 摇滚星球</p></a>
							<p class="price2">39元</p>
							<p class="point2">1292人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around4.png" alt="" height="150" width="150">
							<p class="name2">小米短袖POLO衫 女款 </p></a>
							<p class="price2">59元</p>
							<p class="point2">504人评价</p>
							</li>
							<li class="tu-you"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around5.png" alt="" height="150" width="150">
							<p class="name2">小米V领短袖T恤 女款 </p></a>
							<p class="price2">39元</p>
							<p class="point2">1052人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around6.png" alt="" class="zuo"></a></li>
							<li class="collect"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around7.png" alt="" height="150" width="150"></a>
							<p class="name2">小米经典商务双肩包</p>
							<p class="price2">99元</p>
							<p class="point2">862人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around8.png" alt="" height="150" width="150">
							<p class="name2">学院风简约双肩包 </p></a>
							<p class="price2">59元</p>
							<p class="point2">1.3万人评价</p>
							</li>
							<li class="tu"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around9.png" alt="" height="150" width="150">
							<p class="name2">经典米兔钥匙扣 </p></a>
							<p class="price2">29元</p>
							<p class="point2">2.1万人评价</p>
							</li>
						</ul>
						<div class="new6">两件包邮</div>
						<div class="other">
							<div class="sound">
								<a href="">米兔连帽套...</a>
								<p>89元</p>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/around12.png" alt="" height="80" width="80">
							</div>
							<div class="more">
								<a href="">浏览更多</a>
								<a href=""><p class="hot">热门</p></a>
								<a href=""><p class="iconfont"></p></a>	
							</div>
						</div>
					</div>
				</div>
				<div class="main-recommend">
					<div class="recommend-title">
						<a href="">为你推荐</a>
				    </div>
				    <div class="recommend-content">
				    	<ul>
				    		<li class="mi"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/recommend1.png" alt="">
				    					<p class="name">小米移动电源10000mAh</p></a>
				    					<p class="price">79元</p> 
				    					<p class="point">17万人好评</p>
				    		</li>
				    		<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/recommend2.png" alt="">
				    					<p class="name">小米手环</p></a>
				    					<p class="price">69元</p>
				    					<p class="point">10.9万人好评</p>
				    		</li>
				    		<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/recommend3.png" alt="">
				    					<p class="name">小米活塞耳机 基础版</p></a>
				    					<p class="price">29元</p>
				    					<p class="point">2.1万人好评</p>
				    		</li>
				    		<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/recommend4.png" alt="">
				    					<p class="name">小米圈铁耳机 </p></a>
				    					<p class="price">99元</p>
				    					<p class="point">3.4万人好评</p>
				    		</li>
				    		<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/recommend5.png" alt="">
				    					<p class="name">Amazfit手环 </p></a>
				    					<p class="price">129元</p>
				    					<p class="point">4932人好评</p>
				    		</li>
				    	</ul>
				    </div>
				</div>
				<div class="main-review">
					<div class="review-title">
						<a href="">热评产品</a>
					</div>
					<div class="review-content">
						<ul>
							<li class="zi"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/review1.png" alt="">
							<p class="talk">媳妇儿很喜欢，兔子做工很好？手感也不错，但是脱了脑子一秒变二货，哈哈。。。</p></a>
							<p class="from">来自于 167953031 的评价</p>
							<div class="price">
								<a href="">经典版米兔     </a><span>|</span><span class="money">    29元</span>
							</div>
							</li><li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/review2.png" alt="">
							<p class="talk">不错，顿时wifi放大了好几倍，赞一个 </p></a>
							<p class="from">来自于 幻影5201314 的评价</p>
							<div class="price">
								<a href="">小米WiFi放大器     </a><span>|</span><span class="money">    39元</span>
							</div>
							</li>
							<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/review3.png" alt="">
							<p class="talk">好好用哦，没想到这么个小东西就可以去蹭网了！</p></a>
							<p class="from">来自于 蔡剑文 的评价 </p>
							<div class="price">
								<a href="">小米随身WIFI      </a><span>|</span><span class="money">    19.9元</span>
							</div>
							</li>
							<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/review4.png" alt="">
							<p class="talk">东西不错，特别轻，以前买过别的蓝牙耳机，带几天就不带了，因为带着不舒服，这个带着很舒服，我只开车时带...</p></a>
							<p class="from">来自于 A@然 的评价 </p>
							<div class="price">
								<a href="">小米蓝牙耳机      </a><span>|</span><span class="money">    79元</span>
							</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="main-substance">
				<div class="substance-title">
					<a href="">内容</a>
				</div>
				<div class="substance-content">
					<ul>
						<li class="book1"><p class="title1">图书</p>
							<a href=""><p class="name">阿弥陀佛,么么哒</p> 
								<p class="describe">大冰新书，12个不舍得读完的、暖心的、真实的江湖故事！</p>
								<p class="price">9.99元</p></a>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/substance1.png" alt="">
							<div class="left"><p class="iconfont"></p></div>
							<div class="right"><p class="iconfont"></p></div>
						</li>
						<li class="book2"><p class="title2">MIUI 主题</p>
							<a href=""><p class="name">小米Max【深色版】</p> 
								<p class="describe">小米Max官方主题，专属的锁屏鲜花壁纸惊艳全场</p>
								<p class="price">免费</p></a>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/substance2.png" alt="">
							<div class="left"><p class="iconfont"></p></div>
							<div class="right"><p class="iconfont"></p></div></li>
						<li class="book3"><p class="title3">游戏</p>
							<a href=""><p class="name">魔法英雄 </p>
								<p class="describe">全球同服，几百万歪果仁等你来战！</p>
								<p class="price">免费</p></a>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/substance3.png" alt="">
							<div class="left"><p class="iconfont"></p></div>
							<div class="right"><p class="iconfont"></p></div></li>
						<li class="book4"><p class="title4">应用</p>
							<a href=""><p class="name">2015年度应用</p> 
								<p class="describe">2015年度应用</p> 
								<p class="price">免费</p></a>
								<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/substance4.png" alt="">
							<div class="left"><p class="iconfont"></p></div>
							<div class="right"><p class="iconfont"></p></div>
						</li>
					</ul>
				</div>
				<div class="main-video">
					<div class="video-title">
						<a href="">视频</a>
						<div class="see"><p class="all">查看全部</p>
						<div class="yuan"><p class="iconfont"></p></div>
						</div>
					</div>
					<div class="video-content">
						<ul>
							<li class="mi"><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/video1.png" alt=""></a>
								<a href="">小米Max 绝美外观视频</a>
								<p>6.44" 大屏黄金尺寸，看什么都震撼</p></li>
							<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/video2.png" alt=""></a>
								<a href="">笑喷了，沈腾爆笑出演，6集联播</a>
								<p>小米Max沈腾爆笑预告全集</p></li>
							<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/video3.png" alt=""></a>
								<a href="">15秒了解小米5 有多快</a>
								<p>华少用超快语速告诉你小米5 到底有多快</p></li>
							<li><a href=""><img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/video4.png" alt=""></a>
								<a href="">《去探索》小米年度品牌视频</a>
								<p>与小米一起探索黑科技</p></li>

						</ul>
					</div>
				</div>
				</div>
			</div>
		</div>		
	</div>
<!-- 底部开始 -->
	<div class="footer">
		<div class="footer-mid">
			<div class="footer-family">
				<div class="family-list">
				<ul>
					<li class="mi"><a href="" class="iconfont"></a><a href="">1小时快修服务</a></li>
					<li><a href="" class="iconfont"></a><a href="">7天无理由退货</a></li>
					<li><a href="" class="iconfont"></a><a href="">15天免费换货</a></li>
					<li><a href="" class="iconfont"></a><a href="">满150元包邮</a></li>
					<li><a href="" class="iconfont"></a><a href="">520余家售后网点</a></li>
				</ul>
				</div>
			</div>
			<div class="footer-fix">
				<ul>
					<li class="big">
 						<ul>
 							<p>帮助中心</p>
							<li><a href="">购物指南</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">配送方式</a></li>
						</ul>
					</li>
					<li class="big">
 						<ul>
 							<p>服务支持</p>
							<li><a href="">售后政策</a></li>
							<li><a href="">自助服务</a></li>
							<li><a href="">相关下载</a></li>
						</ul>
					</li>
					<li class="big">
 						<ul>
							<p>线下门店</p>
							<li><a href="">小米之家</a></li>
							<li><a href="">服务网点</a></li>
							<li><a href="">零售网点</a></li>
						</ul>
					</li>
					<li class="big">
 						<ul>
							<p>关于小米</p>
							<li><a href="">了解小米</a></li>
							<li><a href="">加入小米</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
					</li>
					<li class="big">
 						<ul>
							<p>关注我们</p>
							<li><a href="">新浪微博</a></li>
							<li><a href="">小米部落</a></li>
							<li><a href="">官方微信</a></li>
						</ul>
					</li>
					<li class="big">
 						<ul>
							<p>特色服务</p>
							<li><a href="">F码通道</a></li>
							<li><a href="">小米移动</a></li>
							<li><a href="">防伪查询</a></li>
						</ul>
					</li>
				</ul>
				<div class="tel">
					<p class="shang">400-100-5678</p>
					<p class="zhong">周一至周日 8:00-18:00</p>
					<p class="zhong">（仅收市话费）</p>
					<div class="online">
						<a href="">
							<p class="iconfont">24小时在线客服</p>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- 	底部结束 -->
	<div class="site">
		<div class="contenter">
			<div class="logo"></div>
			<div class="text">
				<div class="menu">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">多看书城</a><span>|</span>
				<a href="">小米路由器</a><span>|</span>
				<a href="">视频电话</a><span>|</span>
				<a href="">小米后院</a><span>|</span>
				<a href="">小米天猫店</a><span>|</span>
				<a href="">小米淘宝直营店</a><span>|</span>
				<a href="">小米网盟</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">Select Region</a>
			</div>
			<p>©<a href="" class="wai">mi.com</a>京ICP证110507号 京ICP备10046444号<a href="" class="wai">京公网安备11010802020134号</a><a href="" class="wai">京class="wai"网文[2014]0059-0009号</a>违法和不良信息举报电话：185-0130-1238, 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
			</div>
			<div class="pic">
				<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/site1.png" alt="" height="28" width="85">
				<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/site2.png" alt="">
				<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/site3.png" alt="">
				<img src="%E4%BB%BF%E5%B0%8F%E7%B1%B3%E9%A6%96%E9%A1%B5_files/site4.png" alt="">
			</div>
		</div>
		<div class="tec">
			<p>探索黑科技，小米为发烧而生!</p>
		</div>
	</div>

</i></body></html>